<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>


  <script>

    // post 用来向后台发送参数、数据，添加用户动能，用户登录名
    // put 用来更新、编辑数据，图书编辑

    fetch('http://localhost:3000/books', {
      method: 'post',
      body: 'uname=tom&pwd=123456',
      // 设置请求头
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
      }
    }).then((data) => {
      return data.text()
    }).then((data) => {
      console.log(data)
    })



    // 发送 json 格式的参数 
    fetch('http://localhost:3000/books', {
      method: 'post',
      body: JSON.stringify({
        uname: 'Jerry',
        pwd: 18233
      }),
      // 设置请求头
      headers: {
        'Content-Type': 'application/json'
      }
    }).then((data) => {
      return data.text()
    }).then((data) => {
      console.log(data)
    })

    // 发送put请求
    fetch('http://localhost:3000/books/1', {
      method: 'put',
      body: JSON.stringify({
        uname: 'Jerry',
        pwd: 18233
      }),
      // 设置请求头
      headers: {
        'Content-Type': 'application/json'
      }
    }).then((data) => {
      return data.text()
    }).then((data) => {
      console.log(data)
    })

  </script>
</body>

</html>